<template>
	<div class="content">
		<img class="done_img" src="../../assets/sucTips.png" alt="">
		<div class="done_title">认知快速测评完成</div>
		<div class="done_exp">请继续参加测评</div>
		<div v-on:click="nextTest" class="continueBtn">继续测评</div>
	</div>
</template>

<script>
	export default {
		components: { },
		name: 'mmse-end',
		data() {
			return {
				
			};
		},
		computed: {
			
		},
		async mounted() {
			
		},
		methods: {
			nextTest(){
				this.commonApi.nextRoute(this.$route.query.route)
			}
		}
	};
</script>

<style scoped>
	.content{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.done_img{
		width: 255px;
		height: 255px;
		margin-top: -50%;
	}
	.done_title{
		margin-top: 40px;
		font-size: 40px;
		color:#333333;
		font-weight: 400;
	}
	.done_exp{
		font-size: 28px;
		color: #999999;
		margin-top: 28px;
	}
	.continueBtn{
		width: 630px;
		background-color: #4174F7;
		border-radius: 44px;
		padding: 17px 0;
		font-size: 32px;
		color: #ffffff;
		text-align: center;
		position: absolute;
		bottom: 19%;
	}
</style>